//以下参考npro /colorui ，摘取所需
.wy{ 
    &-flex {
    	&-row {
    		/* #ifndef APP-NVUE */
    		display: flex;
    		box-sizing: border-box;
    		flex-direction: row !important;
    		/* #endif */
    		/* #ifdef APP-NVUE */
    		flex-direction: row;
    		/* #endif */
    	}
    	&-column {
    		/* #ifndef APP-NVUE */
    		display: flex;
    		box-sizing: border-box;
    		flex-direction: column !important;
    		/* #endif */
    		/* #ifdef APP-NVUE */
    		flex-direction: column;
    		/* #endif */
    	}
    	&-wrap {
    		flex-wrap: wrap; 
    	}
    	&-nowrap {
    		flex-wrap: nowrap;
    	}
		&-1 {
    		/* #ifndef H5 || MP-TOUTIAO */
    		flex: 1;
    		/* #endif */
    		/* #ifdef H5 || MP-TOUTIAO */
    		flex: 1 !important;
    		/* #endif */
    	}
    	&-2 {
    		/* #ifndef H5 || MP-TOUTIAO */
    		flex: 2;
    		/* #endif */
    		/* #ifdef H5 || MP-TOUTIAO */
    		flex: 2 !important;
    		/* #endif */
    	}
    	&-3 {
    		/* #ifndef H5 || MP-TOUTIAO */
    		flex: 3;
    		/* #endif */
    		/* #ifdef H5 || MP-TOUTIAO */
    		flex: 3 !important;
    		/* #endif */
    	}
    }
    &-justify {
    	&-start {
    		justify-content: flex-start;
    	}
    	&-center {
    		justify-content: center;
    	}
    	&-end {
    		justify-content: flex-end;
    	}
    	&-between {
    		justify-content: space-between;
    	}
    	&-around {
    		/* #ifndef APP-NVUE */
    		justify-content: space-around;
    		/* #endif */
    	}
    }
    &-wrap {
    	&-wrap {
    		flex-wrap: wrap;
    	}
    	&-nowrap {
    		flex-wrap: nowrap;
    	}
    }
    &-align {
    	&-start {
    		/* #ifdef APP-NVUE */
    		align-items: flex-start;
    		/* #endif */
    		/* #ifndef APP-NVUE */
    		align-items: flex-start !important;
    		/* #endif */
    	}
    	&-center {
    		/* #ifdef APP-NVUE */
    		align-items: center;
    		/* #endif */
    		/* #ifndef APP-NVUE */
    		align-items: center !important;
    		/* #endif */
    	}
    	&-end {
    		/* #ifdef APP-NVUE */
    		align-items: flex-end;
    		/* #endif */
    		/* #ifndef APP-NVUE */
    		align-items: flex-end !important;
    		/* #endif */
    	}
    	&-baseline {
    		/* #ifndef APP-NVUE */
    		align-items: baseline !important;
    		/* #endif */
    	}
    	&-stretch {
    		/* #ifndef APP-NVUE */
    		align-items: stretch !important;
    		/* #endif */
    	}
    }
    
    &-shrink {
    	&-1 {
    		/* #ifndef APP-NVUE */
    		flex-shrink: 1;
    		/* #endif */
    	}
    	&-0 {
    		/* #ifndef APP-NVUE */
    		flex-shrink: 0;
    		/* #endif */
    	}
    }
    &-grow {
    	&-1 {
    		/* #ifndef APP-NVUE */
    		flex-grow: 1;
    		/* #endif */
    	}
    	&-0 {
    		/* #ifndef APP-NVUE */
    		flex-grow: 0;
    		/* #endif */
    	}
    }
    &-position {
    	&-relative {
    		/* #ifdef H5 || MP-TOUTIAO */
    		position: relative !important;
    		/* #endif */
    		/* #ifndef H5 || MP-TOUTIAO */
    		position: relative;
    		/* #endif */
    	}
    	&-absolute {
    		/* #ifdef H5 || MP-TOUTIAO */
    		position: absolute !important;
    		/* #endif */
    		/* #ifndef H5 || MP-TOUTIAO */
    		position: absolute;
    		/* #endif */
    	}
    	&-fixed {
    		/* #ifdef H5 || MP-TOUTIAO */
    		position: fixed !important;
    		/* #endif */
    		/* #ifndef H5 || MP-TOUTIAO */
    		position: fixed;
    		/* #endif */
    	}
    	&-sticky {
    		/* #ifndef APP-NVUE */
    		position: sticky;
    		position: -webkit-sticky;
    		/* #endif */
    	}
    }
    &-full {
    	&-width { 
            /* #ifdef APP-NVUE */
            width: 750rpx; 
            /* #endif */
            /* #ifndef APP-NVUE */
            width: 100%;
            /* #endif */
    	}
    	&-height {
    		flex: 1;
    		/* #ifndef APP-NVUE */
    		height: 100%;
    		/* #endif */
    	}
    	&-min-height {
    		/* #ifndef APP-NVUE */
    		min-height: 100%;
    		/* #endif */
    	}
    } 
    &-lines{ 
        &-nowrap {
        	/* #ifndef APP-NVUE */
        	display: block;
        	white-space: nowrap;
        	/* #endif */
        	/* #ifdef APP-NVUE */
        	lines: 1;
        	/* #endif */
        }
		/* #ifndef APP-NVUE */
		&-wrap{
			word-wrap: break-word;
		}
		/* #endif */
		
    	/*#ifndef APP-NVUE*/
    	display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。
    	-webkit-box-orient:vertical; //从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）
    	overflow:hidden;             //超出部分隐藏
    	/* #endif */
    	text-overflow:ellipsis;
        $i:10;
    	@while $i > 0 {
    		&-#{$i}{
    			/*#ifndef APP-NVUE*/
    			-webkit-line-clamp:#{$i};        //限制行数
    			/* #endif */
    			lines:#{$i};
    		}
    		$i: $i - 1;
    	}
    }
    &-weight{
        $heights:('1':100,'2':200,'3':300,'4':400,'5':500,'6':600,'7':700,'8':800,'9':900);
        @each $k,$v in $heights {
            &-#{$k} {
                font-size: #{$v};
            } 
        } 
    }
    &-overflow {
    	&-hidden {
    		overflow: hidden;
    	}
    }
    &-opacity {
    	&-1 {
    		opacity: 1;
    	}
    	&-0 {
    		opacity: 0;
    	} 
    }
    @each $k,$v in $colors {
        &-bg-#{$k}{
            background-color: $v;
        }
        &-bg-#{$k}--{
            background-color: $v !important;
        }
        &-#{$k}{
            color: $v;
        }
        &-#{$k}--{
            color: $v !important;
        }
    }
    
    &-shadow{
    	box-shadow: 12*$wy-rpxSize 4*$wy-rpxSize 12*$wy-rpxSize rgba($color: $wy-text-color-place, $alpha: 0.2)
    }
    &-text{
        &-bold{
            font-weight: bold;
        }
        &-center{
            text-align: center;
        }
        &-left {
            text-align: left;
        }
        &-right{
            text-align: right;
        }
    }
}